﻿<!DOCTYPE html>
<html ng-app="demo">
<head>
	<title>Mirango travel</title>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<meta name="description" content="description website" />
	<meta name="keywords" content="keywords" />
	<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
	<meta name="format-detection" content="telephone=no" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,500,400italic&subset=latin,cyrillic-ext,vietnamese' rel='stylesheet' type='text/css'>

	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
	<link rel="stylesheet" href="./css/bootstrap.min.css" type="text/css" media="screen" />

	<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/flexslider.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mmenu.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/jquery.mCustomScrollbar.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="./css/common.css" type="text/css" media="screen" />
</head>
<body>
<div class="html-mobile">
	<div id="wrapper">
		<!-- header -->
		<header class="header">
			<div class="container">
				<div class="row">
					<div class="col-xs-8 col-sm-8 col-md-8 col-lg-8 header-top-l">
						<a href="#menu" class="menu-res">menu</a>
						<h1 class="parent-title"><a href="index.html" class="logo"></a></h1>
					</div>
					<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 header-top-r">
						<div class="btn-group header-dropdown-top">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Deutsch<span class="caret"></span>
							</button>
								<ul class="dropdown-menu" role="menu" style="min-width:120px;">
								<li><a href="#">Deutsch </a></li>
								<li><a href="#">English</a></li>
							</ul>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</header>
		<!-- header .end -->
		<!-- banner content -->
		<div class="banner-container">
			<div class="container">
				<div class="row banner-main">
					<div class="nav-cus">
						<nav class="navbar navbar-default" role="navigation">
							<!-- Brand and toggle get grouped for better mobile display -->
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
								<a class="navbar-brand" href="#"></a>
							</div>
							<!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav">
									<li class="active"><a href="#">Home</a></li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">Standard Tours</a>
										<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:190px;">
											<li class="sub-mn-item">
												<ul class="sub-menu-cus-child">
													<li><a href="#">All Vietnam 21 days</a></li>
													<li><a href="#">All Vietnam 14 days</a></li>
													<li><a href="#">North Vietnam 10 days</a></li>
													<li><a href="#">South Vietnam 10 days</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">Customised Tours</a>
										<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:360px;">
											<li class="sub-mn-item">
												<h3 class="title-04">North</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Ha noi</a></li>
													<li><a href="#">Ha Long</a></li>
													<li><a href="#">Sapa</a></li>
												</ul>
											</li>
											<li class="sub-mn-item">
												<h3 class="title-04">Central</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Hue</a></li>
													<li><a href="#">Hoi An</a></li>
													<li><a href="#">Da Nang</a></li>
												</ul>
											</li>
											<li class="sub-mn-item">
												<h3 class="title-04">South</h3>
												<ul class="sub-menu-cus-child">
													<li><a href="#">Sai Gon</a></li>
													<li><a href="#">Mekong Delta</a></li>
													<li><a href="#">Phu Quoc</a></li>
													<li><a href="#">Can Tho</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li><a href="#">Prices</a></li>
									<li class="dropdown">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown">About Vietnam</a>
										<ul class="dropdown-menu sub-menu-cus" role="menu" style="width:144px;">
											<li class="sub-mn-item">
												<ul class="sub-menu-cus-child">
													<li><a href="#">Climate</a></li>
													<li><a href="#">Culture</a></li>
													<li><a href="#">Food</a></li>
													<li><a href="#">History</a></li>
													<li><a href="#">Travel</a></li>
												</ul>
											</li>
										</ul>
									</li>
									<li><a href="#">About Us</a></li>
									<li><a href="#">Contact</a></li>
								</ul>
							</div><!-- /.navbar-collapse -->
						</nav>
					</div>
					<div class="banner-content">
						<div class="flexslider gallery-banner">
							<ul class="slides banner-slide">
								<li class="slide-bn-item">
									<img src="img/img-1.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">DISCOVER VIETNAM </span>
											<span class="txtct-02">WITH ALL YOUR SENSES</span>
										</a></h3>
									</div>
								</li>
								<li class="slide-bn-item">
									<img src="img/img-2.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">DISCOVER VIETNAM </span>
											<span class="txtct-02">WITH ALL YOUR SENSES</span>
										</a></h3>
									</div>
								</li>
								<li class="slide-bn-item">
									<img src="img/img-3.jpg" height="434" width="1024"/>
									<div class="description-ct">
										<h3 class="ttl-02"><a href="#">
											<span class="txtct-01">DISCOVER VIETNAM </span>
											<span class="txtct-02">WITH ALL YOUR SENSES</span>
										</a></h3>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- banner content .end -->
		<!-- main content -->
		<section class="main-content">
			<div class="container">
				<div class="row pstab">
					<section class="col-xs-12 col-sm-5 col-md-5 left-map-content">
						<section class="map-local">
							<img src="img/gmap.png" height="654" width="328"/>
							<span class="point-map" position="mb" style="left: 125px;top: 80px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mb" style="left: 82px; top: 31px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mb" style="left: 224px; top: 90px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mt" style="left: 246px; top: 295px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mt" style="left: 270px;top: 326px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mt" style="left: 292px;top: 452px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mn" style="left: 270px;top: 496px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mn" style="left: 230px;top: 516px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<span class="point-map" position="mn" style="left: 131px;top: 536px;" data-toggle="tooltip" data-placement="top" title="Location Name"></span>
							<div class="popup-local-of-map">
								<a class="close-popup"></a>
								<div class="popup-content-map">
									<div class="pp-desc-about-lc">
										<h2 class="title-03">Sapa - North Viet Nam</h2>
										<p>We are travel agency specialized in providing individual, private tours to all parts of Vietnam. We are an expect team of Vietnam nataionals and Vietnam exparts who know the culture and traditions very well. Since we lived in Vietnam for many years, Vietnam is our second home. We will able to offer you a unique experience with a very local touch <a href="#" class="link-more">Read more...</a></p>
									</div>
									<div class="gallery-image">
										<div class="directNav-gallery">
											<a class="carousel-prev" href="#"><i class="icon icon-prev"></i></a>
											<a class="carousel-next" href="#"><i class="icon icon-next"></i></a>
										</div>
										<ul class="gallery-image-list">
											<li class="gl-item"><img src="img/img-thumb-gl-01.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-02.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-03.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-01.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-02.jpg" height="132" width="132"/></li>
											<li class="gl-item"><img src="img/img-thumb-gl-03.jpg" height="132" width="132"/></li>
										</ul>
									</div>
								</div>
							</div>
						</section>
					</section>
					<section class="col-xs-12 col-sm-7 col-md-7 main-right-content">
						<article class="intro-content-id">
							<h2 class="title-01">Welcome to Mirango Travel</h2>
							<p class="desc-ct">We are travel agency specialized in providing individual, private tours to all parts of Vietnam. We are an expect team of Vietnam nataionals and Vietnam exparts who know the culture and traditions very well. Since we lived in Vietnam for many years, Vietnam is our second home. We will able to offer you a unique experience with a very local touch <a href="#" class="link-more">Read more...</a></p>
						</article>
						<article class="intro-local-travel">
							<h2 class="title-02"><span class="tile-txt">Our Vietnam tours</span><span class="tile-line">line</span></h2>
							<div class="row intro-local-travel-content">
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-01.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">NORTH VIETNAM TOURS</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-02.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">CENTRAL VIETNAM TOURS</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-03.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">SOUTH VIETNAM TOURS</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-04.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">STANDARD VIETNAM TOURS</a></h3>
										</div>
									</div>
								</div>
							</div>
						</article>
						<article class="intro-local-travel-more">
							<h2 class="title-02"><span class="tile-txt">Learn more</span><span class="tile-line">line</span></h2>
							<div class="row intro-local-travel-content">
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-05.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">ABOUT VIETNAM</a></h3>
										</div>
									</div>
								</div>
								<div class="col-xs-12 col-sm-6 col-md-6">
									<div class="thumbnail">
										<a class="thumbnail-ct" href="#">
											<img src="img/img-thumb-06.jpg" class="img-intro" alt="..." height="148" width="262"/>
											<span class="caption">
												<span class="caption-p">Augue amet turpis penatibus etiam augue ac et mus porttitor mattis ultrices! Sit montes augue porta turpis proin turpis quis a etiam pellentesque, augue, platea dignissim pulvinar elit amet natoque. Amet pulvinar amet dignissim dictumst eros?</span>
											</span>
										</a>
										<div class="title-thumb-ct">
											<h3 class="title-04"><a href="#">ABOUT US</a></h3>
										</div>
									</div>
								</div>
							</div>
						</article>
					</section>
				</div>
			</div>
		</section>
		<!-- main content .end -->
	</div>
	<!-- footer -->
	<footer id="footer-container">
		<div class="container footer-content">
			<ul class="row">
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-1">
					<h2 class="tlft-1">Standard Tours</h2>
					<ul class="site-map">
						<li><a href="#">All Vietnam 21 days</a></li>
						<li><a href="#">All Vietnam 14 days</a></li>
						<li><a href="#">North Vietnam 10 days</a></li>
						<li><a href="#">South Vietnam 10 days</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">North Tours</h2>
					<ul class="site-map">
						<li><a href="#">Hanoi</a></li>
						<li><a href="#">Ha Long</a></li>
						<li><a href="#">Sapa</a></li>
						<li><a href="#">Dry Ha Long</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">South Tours</h2>
					<ul class="site-map">
						<li><a href="#">Saigon</a></li>
						<li><a href="#">Around Saigon</a></li>
						<li><a href="#">Mekong Delta</a></li>
						<li><a href="#">Phu Quoc</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<h2 class="tlft-1">Central Tours</h2>
					<ul class="site-map">
						<li><a href="#">Hue</a></li>
						<li><a href="#">Hoi An</a></li>
						<li><a href="#">HCM Trail</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-2">
					<ul class="site-map">
						<li><a href="#">Price Calculator</a></li>
						<li><a href="#">About Vietnam</a></li>
						<li><a href="#">About Mirango Travel</a></li>
						<li><a href="#">Contact Us</a></li>
					</ul>
				</li>
				<li class="col-xs-4 col-sm-4 col-md-4 col-lg-2 col-footer-cust-3">
					<ul class="about-wb">
						<li>
							<p class="txt-ogr">CHE-264.419.489, Nordstrasse 278,</p>
							<p class="txt-ogr">8037 Zurich, Einzelunternehmen</p>
							<p class="txt-ogr">Email: admin@reisen-vietnam.ch</p>
							<p class="txt-ogr">Hotline: 076 320 57 77</p>
							<p>&copy; 2014 Mirango Travel</p>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</footer>
	<!-- footer .end -->
</div>
 <div class="navbar-mobile" id="menu">
	<ul class="dropdownMenu">
		<li><a href="#" class="active">Home</a></li>
		<li>
			<a href="#">Standard Tours</a>
			<ul class="m-sub-menu">
				<li><a href="#">All Vietnam 21 days</a></li>
				<li><a href="#">All Vietnam 14 days</a></li>
				<li><a href="#">North Vietnam 10 days</a></li>
				<li><a href="#">South Vietnam 10 days</a></li>
			</ul>
		</li>
		<li><a href="#">Customised Tours</a>
			<ul class="m-sub-menu">
				<li class="sub-mn-item">
					<a class="title-04">North</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Ha noi</a></li>
						<li><a href="#">Ha Long</a></li>
						<li><a href="#">Sapa</a></li>
					</ul>
				</li>
				<li class="sub-mn-item">
					<a class="title-04">Central</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Hue</a></li>
						<li><a href="#">Hoi An</a></li>
						<li><a href="#">Da Nang</a></li>
					</ul>
				</li>
				<li class="sub-mn-item">
					<a class="title-04">South</a>
					<ul class="sub-menu-cus-child">
						<li><a href="#">Sai Gon</a></li>
						<li><a href="#">Mekong Delta</a></li>
						<li><a href="#">Phu Quoc</a></li>
						<li><a href="#">Can Tho</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">Prices</a></li>
		<li><a href="#">About Vietnam</a>
			<ul class="m-sub-menu">
				<li class="sub-mn-item">
					<ul class="sub-menu-cus-child">
						<li><a href="#">Climate</a></li>
						<li><a href="#">Culture</a></li>
						<li><a href="#">Food</a></li>
						<li><a href="#">History</a></li>
						<li><a href="#">Travel</a></li>
					</ul>
				</li>
			</ul>
		</li>
		<li><a href="#">About Us</a></li>
		<li><a href="#">Contact</a></li>
		<li>
			<a href="#">Languages</a>
			<ul class="m-sub-menu">
				<li><a href="#">English</a></li>
				<li><a href="#">Deutsch</a></li>
			</ul>
		</li>
		
	</ul>
</div>

	<script type="text/javascript" src="./js/jquery-1.10.1.min.js"></script>
	<script type="text/javascript" src="./js/jquery-migrate-1.2.1.min.js"></script>
	<script type="text/javascript" src="./js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/superfish.js"></script>
	<script type="text/javascript" src="js/jquery.ba-throttle-debounce.min.js"></script>
	<script type="text/javascript" src="js/hoverIntent.js"></script>
	<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="js/jquery.touchSwipe.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider.js"></script>
	<script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
	<script type="text/javascript" src="js/jquery.mmenu.min.js"></script><!-- menu -->
	<script src="js/jquery.mCustomScrollbar.js" type="text/javascript"></script><!-- scroll--->

	<script type="text/javascript" src="./js/common.js"></script>

</body>
</html>